<style>
  .data-ul {
    padding-top: 59px;
  }

  .data-li {
    height: 48px;
    background: #fff;
    padding: 0 7px 0 15px;
    box-sizing: content-box;
    /* border-bottom: 0.5px solid rgba(238, 238, 238, 1); */
    border-top: 10px solid rgba(243, 243, 243, 1);

  }

  /* .data-ul>:nth-child(1) {
    border-top: 10px solid rgba(243, 243, 243, 1);
  }

  .data-ul>:nth-child(2) {
    border-top: 10px solid rgba(243, 243, 243, 1);
  }

  .data-ul>:nth-child(3) {
    border-top: 10px solid rgba(243, 243, 243, 1);
  } */

  .arrow {
    width: 22px;
    height: 22px;
  }

  .setting-text {
    font-size: 14px;
    font-family: SourceHanSansCN-Medium;
    font-weight: 600;
    color: rgba(25, 25, 25, 1);
    line-height: 48px;
  }

  .setting-ps {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(160, 154, 155, 1);
    line-height: 22px;
  }
</style>
<template>
  <div class="myTeam" @click="showxuanze = false;">
    <ComHeader title="设置" leftArrow="true" />
    <ul class="data-ul ">
      <li v-for="(item,index) in settingItems" :key="index" class="flex-row-between data-li"
        @click="fnToSetItem(item.url)">
        <div class="setting-text">{{item.text}}</div>
        <div class="flex-row-start">
          <span class="setting-ps">{{item.ps}}</span>
          <img src="../../static/ethel_img/icon_arrows.png" alt="" class="arrow">
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
  import api from "@/fetch/api";
  import ComHeader from "@/common/ComHeader";
  import ComFooter from "@/common/ComFooter";
  import Loading from "@/base/loading/loading";
  import Scroll from "@/base/scroll/scroll";
  import {
    MessageBox,
    Spinner,
    Button,
    Toast,
    Picker,
    Field,
    Indicator
  } from "mint-ui";
  export default {
    name: "setting",
    data() {
      return {
        settingItems: [
          {
            text: '收货地址',
            url: '/address',
            ps: ''
          },
          {
            text: '支付密码',
            url: 'PaymentPassword',
            ps: ''
          },
          {
            text: '绑定手机号',
            url: '/entry/register',
            ps: ''
          },
          {
            text: '绑定支付宝',
            url: 'bindzfb',
            ps: ''
          },
        ]
      }
    },
    components: {
      ComHeader,
      MessageBox,
      Spinner,
      Button,
      Toast,
      Picker,
      Field,
      ComFooter,
      Loading,
      Scroll,
      Indicator
    },
    created() {

    },
    methods: {
      fnToSetItem(url) {
        console.log(url)
        this.$router.push({
          path: url,
        })
      }
    }
  };
</script>



<style lang="stylus" scoped>

</style>